<template>
    <div class="center">
        <div class="left">
            <el-icon>

            </el-icon>
            <span>数据列表</span>
        </div>
    </div>
    <div class="bottom">
        <el-table :data="tableData" style="width: 100%" :border="true">
            <el-table-column prop="id" style="text-align: center;" label="编号" width="100">
            </el-table-column>
            <el-table-column prop="name" style="text-align: center;" label="商品名称" width="413">
            </el-table-column>
            <el-table-column label="货号" width="139">

            </el-table-column>
            <el-table-column label="商品价格" width="100">

            </el-table-column>
            <el-table-column prop="productCount" label="剩余数量" width="100">
            </el-table-column>
            <el-table-column label="秒杀价格" width="100" flex="right">
            </el-table-column>
            <el-table-column label="秒杀数量" width="100">
            </el-table-column>
            <el-table-column label="限购数量" width="100">
            </el-table-column>
            <el-table-column label="排序" width="100">
            </el-table-column>
            <el-table-column label="操作" width="100">
            </el-table-column>
        </el-table>
    </div>
</template>

<script setup lang="ts">
import * as api from '../../json/request/api'
import { onMounted, ref } from 'vue';
import { useRoute } from 'vue-router'
import type { flashProductRelationRes } from '../../json/request/QmsAdminConreiller/index'
let route: any = useRoute()
console.log(route.query);
let tableData = ref<flashProductRelationRes[]>([])
onMounted(async () => {
    let res = await api.admin.flashProductRelationQQ(route.query)
    console.log(res);
    // tableData.value = res

})
</script>


<style scoped lang="scss">
.center {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    overflow: hidden;
    padding: 20px;
    align-items: center;
}
</style>